/* pages/category/index.wxss */
page{
  height: 100%;
}

.cates {
  height: 100%;
  .cates-container{
    /* less原样输出calc需要添加~'' */
    height: ~'calc(100vh - 90rpx)';
    display: flex;
    .cates-left-menu{
      flex: 2;
      .menu-item {
        height: 80rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 28rpx;
      }
      .active {
        color: var(--themeColor);
        border-left: 5rpx solid currentColor;
      }
    }
    .cates-right-content{
      flex: 5;
      .goods-group{
        .group-title{
          height: 80rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          .delimiter {
            color: #ccc;
            padding: 0 10rpx;
          }
        }
        .group-list{
          display: flex;
          flex-wrap: wrap;
          navigator {
            width: 33.33%;
            text-align: center;
            image {
              width: 50%;
            }
            .list-name {
              font-size: 24rpx;
            }
          }
        }
      }
    }
  }
}